

a{
	font-family: Helvetica, Arial, sans-serif;
}

div > .container
{
    margin-left:7%;
    margin-right:auto;
    width:84%;
    padding: 10px;
    border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow: 0 0 2px 2px #ecf0f1;
    -webkit-box-shadow: 0 0 2px #ecf0f1;
    border:solid 1px #bdc3c7;
    background-image : url("header.png");
    background-size: 100%;
    text-align: left;
}

li
{
    font-family: Helvetica, Arial, sans-serif;
    font-style: italic;
    font-weight: bold;
    font-size: 18px;
    width: 50%;
    margin-right: 5%;
    padding-right: 10px;
    display:inline-block;
}


#content_body{

	background-color: grey;
	text-align: center;
	width:50%;
	height: 100%
}

div#room_status{
	padding-left : 15%;
	background-color: white;
	width: 10%;
	height: 10px;

}

#content_body , #room_status{
	float : left;

}

.container  div{
	text-align: right;
}

div>div{
	padding-bottom: 5px;
}

body{
    background-image : url("background.png");
    background-repeat: repeat;
    color:#2c3e50;
    font-family: Helvetica, Arial, sans-serif;
    font-size:14px;
    
}

body#main_body{
	background-color: grey;
}

label{
	font-weight: bold;
}

button{
	width:10%;
}

input{
	border:solid 2px #ecf0f1;
}

input#air_cond{
	width:1%;
}
textarea#message{
	border:solid 2px #ecf0f1;
		color:#95a5a6;
		min-height :200px;
		max-height :200px;
		min-width: 50%;
		max-width: 50%;


}

#room_count{
	border:0;
}

body form{


    margin-left:auto;
    margin-right:auto;
    text-align:left;
    width:75%;
	background-image: url("test.png");
	background-size : 25%;
	background-position: 82%;
	background-repeat: no-repeat;
	background-color: #d3d3d3;
	padding: 10px;
	display: block;
    border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow: 0 0 2px 2px #ecf0f1;
    -webkit-box-shadow: 0 0 2px #ecf0f1;
    border:solid 1px #bdc3c7;
}



label ,textarea{

	font-family: Helvetica, Arial, sans-serif;
    font-size:14px;
 	border-radius:2px;
	display:block;
	margin:3px 0;
	border-radius:5px;

}

input,textarea{
	font-family: Helvetica, Arial, sans-serif;
    font-size:14px;
	color:#95a5a6;
	width:50%;
	height: 25px;
}

div,button {

	display:block;

}

button{

	display: block; 
	font-family: Helvetica, Arial, sans-serif;
	height:45px;
     width:120px;
     border-radius: 90px / 45px;
     -moz-border-radius:90px / 45px;
     -webkit-border-radius: 90px / 45px;
     background: #a1d2d4;


}

button:hover{
	background: #5DADE2;
	font-family: Helvetica, Arial, sans-serif;
	cursor: hand;
	text-shadow: 0 0 1px #2c3e50;
	transition:background 1s, text-shadow 1s;
	-webkit-transition:background 1s, text-shadow 1s;
}

input:hover, #message:hover, .room_id:hover{
   border-color: #2C3E50;
   transition: border-color 2s;
   -webkit-transition: border-color 2s;
}
